<template>
    <div>
        <h1>Icon 图标</h1>
        <div>
            <h2>使用图标</h2>
            <p>MontUI 图标是基于第三方 fontawesome 图标库，所以在使用前需要下载 fontawesome 图标库。</p>
            <div class="preview-box">
                <div style="padding:20px">
                    <div class="flex-start">
                        <mo-link href="http://www.fontawesome.com.cn/get-started/" blank>点击查看文档</mo-link>
                    </div>
                </div>
            </div>
        </div>
         <div>
            <h2>使用教程</h2>
            <p>当遇到需要使用的图标的组件中时候，我们只需将图标名 fa- 前缀去掉取后面的名字写入即可。</p>
            <p>如 图标名 fa-user ，在使用时则写入 user 即可。</p>
        </div>

    </div>
</template>

<script>
import { computed, reactive, ref, toRefs } from 'vue';
export default {
    name: 'icon',
    components: {},
    props: {},
    emits: [],
    setup () 
    {
        let data = reactive({
           
        });
        
        
        return {
            ...toRefs(data)
        };
    }
};

</script>
<style lang='scss' scoped>

</style>
